<template>
  <div class="agreement-container f-c-dc">
    <div class="content" v-html="content"></div>
  </div>
</template>

<script setup>
import { getConfig } from '@/api/index'
const agreement_name = ref('协议')

const route = useRoute()

const content = ref('')

async function getAgreement(key) {
  let res = await getConfig({
    key
  })
  content.value = res.data
}

onMounted(() => {
  getAgreement(route.query.type)
})
</script>
<style scoped lang="less">
@import './index.less';
@media screen and (max-width: 768px) {
  @import './mobile/index.less';
}
</style>
